<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<?php
// Cek User Login Session
if(!$this->session->userdata('username'))
	redirect('welcome/logout');
?>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>

	<title>Aplikasi Helpdesk Terminal Petikemas Semarang</title>

	<!-- Link CSS -->
	<link rel="stylesheet" type="text/css" href="<?= base_url() ?>css/jquery-ui-1.9.1.custom.css" media="screen, tv, projection" title="Default" />
	<link rel="stylesheet" type="text/css" href="<?= base_url() ?>css/flexigrid.css" media="screen, tv, projection" title="Default" />
	<link rel="stylesheet" type="text/css" href="<?= base_url() ?>css/jquery.css" media="screen, tv, projection" title="Default" />
	
	<link rel="stylesheet" type="text/css" href="<?= base_url() ?>css/main.css" media="screen, tv, projection" title="Default" />
	<link rel="stylesheet" type="text/css" href="<?= base_url() ?>css/gridheader.css" media="screen, tv, projection" title="Default" />
	
	<link rel="icon" type="image/x-icon" href="<?= base_url() ?>images/main/icon_banjir.png" />
	
	<!-- JAVASCRIPT -->
	<script type="text/javascript" language="javascript">
	function OpenPopup (c) {
	window.open(c,
	'window',
	'width=820,height=650,scrollbars=yes,status=yes,left=0,top=0, menubar=no');
	}
	</script>

	<script>
		$(document).ready(function() {
			$("#myDialog").dialog({
				autoOpen: false,
				resizable: false,
				position: 'center',
				stack: true,
				height: 'auto',
				width: 'auto',
				modal: true
			 });

			$("#showDialog").button().click(function (event) {
				$("#myDialog").dialog('open');
			});
		});

	</script>
	
	<script type="text/javascript">
		window.addEvent('domready', function(){	
			var accordion2 = new Accordion($$('.toggler'),$$('.element'), {
				show: 5,
				fixedheight: false,
				alwaysHide: true
			});
		});
	</script>
	<script type="text/javascript" src="<?= base_url() ?>js/jquery.js"></script>
	<script type="text/javascript">
	<!--//---------------------------------+
	//  Developed by Roshan Bhattarai 
	//  Visit http://roshanbh.com.np for this script and more.
	//  This notice MUST stay intact for legal use
	// --------------------------------->
	$(document).ready(function()
			{
				//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked 
				$("#firstpane p.menu_head").click(function()
				{
					$(this).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
				});
				//slides the element with class "menu_body" when mouse is over the paragraph
				$("#secondpane p.menu_head").mouseover(function()
				{
					 $(this).css({backgroundImage:"url(<?php echo base_url() ?>images/main/downq.png)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
					 $(this).siblings().css({backgroundImage:"url(<?php echo base_url() ?>images/main/left.png)"});
				});
			});
	</script>
	<script> 
		var outerLayout, middleLayout, innerLayout; 
		$(document).ready(function () { 
			outerLayout = $('body').layout({ 
				center__paneSelector:	".outer-center" 
			,	west__paneSelector:		".outer-west" 
			,	east__paneSelector:		".outer-east" 
			,	west__size:				125 
			,	east__size:				200 
			,	spacing_open:			8 // ALL panes
			,	spacing_closed:			8 // ALL panes
			,	north__spacing_open:	0
			,	south__spacing_open:	0
			,	center__onresize:		"middleLayout.resizeAll" 
			}); 
			middleLayout = $('div.outer-center').layout({ 
				center__paneSelector:	".middle-center" 
			,	west__paneSelector:		".middle-west" 
			,	east__paneSelector:		".middle-east" 
			,	west__size:				100 
			,	east__size:				100 
			,	spacing_open:			8  // ALL panes
			,	spacing_closed:			12 // ALL panes
			,	center__onresize:		"innerLayout.resizeAll" 
			}); 
			innerLayout = $('div.middle-center').layout({ 
				center__paneSelector:	".inner-center" 
			,	west__paneSelector:		".inner-west" 
			,	east__paneSelector:		".inner-east" 
			,	west__size:				75 
			,	east__size:				75 
			,	spacing_open:			8  // ALL panes
			,	spacing_closed:			8  // ALL panes
			,	west__spacing_closed:	12
			,	east__spacing_closed:	12
			}); 
		}); 
	</script>
	<script type="text/javascript" src="<?= base_url() ?>js/jquery-1.8.2.js"></script>
	<script type="text/javascript" src="<?= base_url() ?>js/jquery.js"></script>
	
	
	<script type="text/javascript" src="<?= base_url() ?>js/jquery.ui.all.js"></script>
	<script type="text/javascript" src="<?= base_url() ?>js/jquery.layout.js"></script>	
	<script type="text/javascript" src="<?= base_url() ?>js/jquery-ui-1.9.1.custom.min.js"></script>
	<script type="text/javascript" src="<?= base_url() ?>js/flexigrid.js"></script>		
	
	<?php if (isset($added_js)){echo $added_js;}?> <!-- attach js flexigrid (jika ada) -->
	
</head>
<body>
<div class="ui-layout-north">
	<div id="toppanel">
		<a href="<?= base_url();?>">
		<div id="logo"><img src="<?= base_url() ?>images/main/icon_banjir.png" width="45" height="45" border="0"></img></div>
		<div id="header1">
			Aplikasi Helpdesk<br/>
			<span>Terminal Petikemas Semarang</span>
		</div>
		</a>
		<!--<div id="logo_kanan"><img src="<?= base_url() ?>images/main/sidoarjo.png" width="55" height="50" border="0"></img></div>
		-->
		
		<div id="myDialog" style="display:none" title="">
			This is a dialog
		</div>
		
		<div id="header2">
			<a><strong style="color:#6dd5e7;">Selamat datang, <?php echo $this->session->userdata('name'); ?></strong></a>
		</div>
	</div>
</div> 
<div class="outer-center"><div id="main"><?php echo $content;?></div></div> 

	<div class="outer-east"><?php $this->load->view("menu_kanan_user");?></div> 


	<div class="ui-layout-south">
	<div id="footerpanel">
		<div id="footer">
	</div>
	</div>
</div> 

</body>
</html>
